<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // JSON数据是：对象和数组的一种混合体数据结构。
        // JSON的用途：主要用于客户端和服务器端，以及服务器之间的数据交互格式。

        //使用百度搜索，查看JSON对象的两个方法的使用：）
        // JSON.stringify() -- 将JS数据 转成 字串
        // JSON.parse() -- 将 字串 解析成 JS数据

        // 任务要求：使用JSON将下面字符转成对象数据，并遍历输出。
        let str = '[{"name":"王建国","age":21},{"name":"刘江华","age":19},{"name":"张立新","age":22}]';
        console.log(typeof str);
        console.log(str);
        let data = JSON.parse(str); // 将字串数据，解析 js的对象数据
        console.log(typeof data);
        console.log(data);

        data.forEach(ob => {
            console.log(ob.name, ob.age);
        });


        const arr = [10,20,30];
        console.log(typeof JSON.stringify(arr));
    </script>
</body>
</html>